<template>
  <div style="width: 100%;">
    <div style="box-shadow:#6cc142  9px 1px 9px 0px;position: relative;z-index: 1; ">
      <div style="float: left;height: 60px;padding: auto 0;color: white;margin-left: 20px;">
        <div style="line-height: 60px;">
          <i class="el-icon-s-custom fontColor"></i>
          <span slot="title" class="fontColor">企业项目管理系统</span>
        </div>
      </div>
      <div style="margin:0 auto;width: 494px;">
        <el-menu
          :default-active="$route.path"
          class="el-menu-demo"
          mode="horizontal"
          @select="handleSelect"
          background-color="#2a2d2f"
          text-color="#fff"
          active-text-color="#ffd04b"
          style="border-bottom: none;display: inline-block"
          router>
          <el-menu-item index="/user/projects/projectDetail/overview">项目概览</el-menu-item>
          <el-menu-item index="/user/projects/projectDetail/target">目标管理</el-menu-item>
          <el-menu-item index="/user/projects/projectDetail/task">任务管理</el-menu-item>
          <el-menu-item index="/user/projects/projectDetail/pay">费用管理</el-menu-item>
        </el-menu>
      </div>
    </div>
    <router-view></router-view>
  </div>
</template>

<script>
  export default {
    name: "projectDetail",
    data() {
      return {
      }
    },
    created:function() {
      this.$emit("updatePath","/user/projects/projectDetail/overview")
    },
    methods: {
      handleSelect(key, keyPath) {
        console.log(key, keyPath);
      },
    },
  }
</script>

<style scoped>

</style>
